/**
   *  提示框
   */
   .container-prompt{
    font-family: Monaco;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000018;
    z-index: 8888;
  }
  .container-prompt > .info {
    margin: 40px auto;
    width: 300px;
    border-radius: 4px;
    background-color: #FFF;
    padding: 15px 20px;
  }
  .container-prompt > .info > .icon-shibai,.container-prompt > .info > .icon-xinxi,.container-prompt > .info > .icon-chenggong{
    font-size: 18px;
  }
  .container-prompt > .info > .icon-shibai{
    color: red;   
  }

  .container-prompt > .info > .icon-xinxi{
    color: #FE8B2C;
  }
  .container-prompt > .info > .icon-chenggong{
    color: #0CBD20;
  }
 /** 
  *  弹出框
  */

.container-mask{
  font-family: Monaco;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #00000018;
  z-index: 8888;
}

.container-mask-1{
  font-family: Monaco;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #00000018;
  z-index: 8888;
}
.model {
  margin: 14% auto;
  width: 600px;
  padding: 80px 40px;
  position: relative;
  height: 400px;
  background-color: #FFFFFF;
  border-radius: 4px;
}

.model h2 > .title {
  position: absolute;
  top: -30px;
  font-size: 80px;
}

.model h2 > .exit {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 40px;
  color: #DDD;
  cursor: pointer;
}